﻿/*********************************
 CTM STYLE COMPONENTS
*********************************/
/*--------------------------------------------------
    [Material Design]
----------------------------------------------------*/
/* Button */
.btn.default {
    color: #333333;
    background-color: #E5E5E5;
}

    .btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active {
        color: #333333;
        background-color: lightgray;
    }

.open .btn.default.dropdown-toggle {
    color: #333333;
    background-color: lightgray;
}

.btn.default:active, .btn.default.active {
    background-image: none;
    background-color: #c6c6c6;
}

    .btn.default:active:hover, .btn.default.active:hover {
        background-color: #cccccc;
    }

.open .btn.default.dropdown-toggle {
    background-image: none;
}

.btn.default.disabled, .btn.default.disabled:hover, .btn.default.disabled:focus, .btn.default.disabled:active, .btn.default.disabled.active, .btn.default[disabled], .btn.default[disabled]:hover, .btn.default[disabled]:focus, .btn.default[disabled]:active, .btn.default[disabled].active, fieldset[disabled] .btn.default, fieldset[disabled] .btn.default:hover, fieldset[disabled] .btn.default:focus, fieldset[disabled] .btn.default:active, fieldset[disabled] .btn.default.active {
    background-color: #E5E5E5;
}

.btn.default .badge {
    color: #E5E5E5;
    background-color: #333333;
}

/**********
Blue Colors
***********/
/***
Blue Default
***/
/* Button */
.blue.btn {
    color: #FFFFFF;
    background-color: #3598dc;
}

    .blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
        color: #FFFFFF;
        background-color: #2386ca;
    }

.open .blue.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #2386ca;
}

.blue.btn:active, .blue.btn.active {
    background-image: none;
    background-color: #1f78b5;
}

    .blue.btn:active:hover, .blue.btn.active:hover {
        background-color: #217ebd;
    }

.open .blue.btn.dropdown-toggle {
    background-image: none;
}

.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
    background-color: #3598dc;
}

.blue.btn .badge {
    color: #3598dc;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-stripe {
    border-left: 3px solid #3598dc;
}

/* General Element */
.bg-blue {
    border-color: #3598dc;
    background-image: none;
    background-color: #3598dc;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue {
    color: #3598dc;
}

.progress-bar.blue {
    background: #3598dc;
    color: #FFFFFF;
}

/***
Blue Madison
***/
/* Button */
.blue-madison.btn {
    color: #FFFFFF;
    background-color: #578ebe;
}

    .blue-madison.btn:hover, .blue-madison.btn:focus, .blue-madison.btn:active, .blue-madison.btn.active {
        color: #FFFFFF;
        background-color: #437cae;
    }

.open .blue-madison.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #437cae;
}

.blue-madison.btn:active, .blue-madison.btn.active {
    background-image: none;
    background-color: #3c6f9c;
}

    .blue-madison.btn:active:hover, .blue-madison.btn.active:hover {
        background-color: #3f74a3;
    }

.open .blue-madison.btn.dropdown-toggle {
    background-image: none;
}

.blue-madison.btn.disabled, .blue-madison.btn.disabled:hover, .blue-madison.btn.disabled:focus, .blue-madison.btn.disabled:active, .blue-madison.btn.disabled.active, .blue-madison.btn[disabled], .blue-madison.btn[disabled]:hover, .blue-madison.btn[disabled]:focus, .blue-madison.btn[disabled]:active, .blue-madison.btn[disabled].active, fieldset[disabled] .blue-madison.btn, fieldset[disabled] .blue-madison.btn:hover, fieldset[disabled] .blue-madison.btn:focus, fieldset[disabled] .blue-madison.btn:active, fieldset[disabled] .blue-madison.btn.active {
    background-color: #578ebe;
}

.blue-madison.btn .badge {
    color: #578ebe;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-madison-stripe {
    border-left: 3px solid #578ebe;
}

/* General Element */
.bg-blue-madison {
    border-color: #578ebe;
    background-image: none;
    background-color: #578ebe;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-madison {
    color: #578ebe;
}

.progress-bar.blue-madison {
    background: #578ebe;
    color: #FFFFFF;
}

/***
Blue Chambray
***/
/* Button */
.blue-chambray.btn {
    color: #FFFFFF;
    background-color: #2C3E50;
}

    .blue-chambray.btn:hover, .blue-chambray.btn:focus, .blue-chambray.btn:active, .blue-chambray.btn.active {
        color: #FFFFFF;
        background-color: #1f2c39;
    }

.open .blue-chambray.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #1f2c39;
}

.blue-chambray.btn:active, .blue-chambray.btn.active {
    background-image: none;
    background-color: #161f29;
}

    .blue-chambray.btn:active:hover, .blue-chambray.btn.active:hover {
        background-color: #1a242f;
    }

.open .blue-chambray.btn.dropdown-toggle {
    background-image: none;
}

.blue-chambray.btn.disabled, .blue-chambray.btn.disabled:hover, .blue-chambray.btn.disabled:focus, .blue-chambray.btn.disabled:active, .blue-chambray.btn.disabled.active, .blue-chambray.btn[disabled], .blue-chambray.btn[disabled]:hover, .blue-chambray.btn[disabled]:focus, .blue-chambray.btn[disabled]:active, .blue-chambray.btn[disabled].active, fieldset[disabled] .blue-chambray.btn, fieldset[disabled] .blue-chambray.btn:hover, fieldset[disabled] .blue-chambray.btn:focus, fieldset[disabled] .blue-chambray.btn:active, fieldset[disabled] .blue-chambray.btn.active {
    background-color: #2C3E50;
}

.blue-chambray.btn .badge {
    color: #2C3E50;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-chambray-stripe {
    border-left: 3px solid #2C3E50;
}

/* General Element */
.bg-blue-chambray {
    border-color: #2C3E50;
    background-image: none;
    background-color: #2C3E50;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-chambray {
    color: #2C3E50;
}

.progress-bar.blue-chambray {
    background: #2C3E50;
    color: #FFFFFF;
}

/***
Blue Ebonyclay
***/
/* Button */
.blue-ebonyclay.btn {
    color: #FFFFFF;
    background-color: #22313F;
}

    .blue-ebonyclay.btn:hover, .blue-ebonyclay.btn:focus, .blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active {
        color: #FFFFFF;
        background-color: #151f28;
    }

.open .blue-ebonyclay.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #151f28;
}

.blue-ebonyclay.btn:active, .blue-ebonyclay.btn.active {
    background-image: none;
    background-color: #0d1217;
}

    .blue-ebonyclay.btn:active:hover, .blue-ebonyclay.btn.active:hover {
        background-color: #10171e;
    }

.open .blue-ebonyclay.btn.dropdown-toggle {
    background-image: none;
}

.blue-ebonyclay.btn.disabled, .blue-ebonyclay.btn.disabled:hover, .blue-ebonyclay.btn.disabled:focus, .blue-ebonyclay.btn.disabled:active, .blue-ebonyclay.btn.disabled.active, .blue-ebonyclay.btn[disabled], .blue-ebonyclay.btn[disabled]:hover, .blue-ebonyclay.btn[disabled]:focus, .blue-ebonyclay.btn[disabled]:active, .blue-ebonyclay.btn[disabled].active, fieldset[disabled] .blue-ebonyclay.btn, fieldset[disabled] .blue-ebonyclay.btn:hover, fieldset[disabled] .blue-ebonyclay.btn:focus, fieldset[disabled] .blue-ebonyclay.btn:active, fieldset[disabled] .blue-ebonyclay.btn.active {
    background-color: #22313F;
}

.blue-ebonyclay.btn .badge {
    color: #22313F;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-ebonyclay-stripe {
    border-left: 3px solid #22313F;
}

/* General Element */
.bg-blue-ebonyclay {
    border-color: #22313F;
    background-image: none;
    background-color: #22313F;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-ebonyclay {
    color: #22313F;
}

.progress-bar.blue-ebonyclay {
    background: #22313F;
    color: #FFFFFF;
}

/***
Blue Hoki
***/
/* Button */
.blue-hoki.btn {
    color: #FFFFFF;
    background-color: #67809F;
}

    .blue-hoki.btn:hover, .blue-hoki.btn:focus, .blue-hoki.btn:active, .blue-hoki.btn.active {
        color: #FFFFFF;
        background-color: #586e8b;
    }

.open .blue-hoki.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #586e8b;
}

.blue-hoki.btn:active, .blue-hoki.btn.active {
    background-image: none;
    background-color: #4e627b;
}

    .blue-hoki.btn:active:hover, .blue-hoki.btn.active:hover {
        background-color: #526781;
    }

.open .blue-hoki.btn.dropdown-toggle {
    background-image: none;
}

.blue-hoki.btn.disabled, .blue-hoki.btn.disabled:hover, .blue-hoki.btn.disabled:focus, .blue-hoki.btn.disabled:active, .blue-hoki.btn.disabled.active, .blue-hoki.btn[disabled], .blue-hoki.btn[disabled]:hover, .blue-hoki.btn[disabled]:focus, .blue-hoki.btn[disabled]:active, .blue-hoki.btn[disabled].active, fieldset[disabled] .blue-hoki.btn, fieldset[disabled] .blue-hoki.btn:hover, fieldset[disabled] .blue-hoki.btn:focus, fieldset[disabled] .blue-hoki.btn:active, fieldset[disabled] .blue-hoki.btn.active {
    background-color: #67809F;
}

.blue-hoki.btn .badge {
    color: #67809F;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-hoki-stripe {
    border-left: 3px solid #67809F;
}

/* General Element */
.bg-blue-hoki {
    border-color: #67809F;
    background-image: none;
    background-color: #67809F;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-hoki {
    color: #67809F;
}

.progress-bar.blue-hoki {
    background: #67809F;
    color: #FFFFFF;
}

/***
Blue Stell
***/
/* Button */
.blue-steel.btn {
    color: #FFFFFF;
    background-color: #4B77BE;
}

    .blue-steel.btn:hover, .blue-steel.btn:focus, .blue-steel.btn:active, .blue-steel.btn.active {
        color: #FFFFFF;
        background-color: #3d66a8;
    }

.open .blue-steel.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #3d66a8;
}

.blue-steel.btn:active, .blue-steel.btn.active {
    background-image: none;
    background-color: #365b96;
}

    .blue-steel.btn:active:hover, .blue-steel.btn.active:hover {
        background-color: #395f9d;
    }

.open .blue-steel.btn.dropdown-toggle {
    background-image: none;
}

.blue-steel.btn.disabled, .blue-steel.btn.disabled:hover, .blue-steel.btn.disabled:focus, .blue-steel.btn.disabled:active, .blue-steel.btn.disabled.active, .blue-steel.btn[disabled], .blue-steel.btn[disabled]:hover, .blue-steel.btn[disabled]:focus, .blue-steel.btn[disabled]:active, .blue-steel.btn[disabled].active, fieldset[disabled] .blue-steel.btn, fieldset[disabled] .blue-steel.btn:hover, fieldset[disabled] .blue-steel.btn:focus, fieldset[disabled] .blue-steel.btn:active, fieldset[disabled] .blue-steel.btn.active {
    background-color: #4B77BE;
}

.blue-steel.btn .badge {
    color: #4B77BE;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-steel-stripe {
    border-left: 3px solid #4B77BE;
}

/* General Element */
.bg-blue-steel {
    border-color: #4B77BE;
    background-image: none;
    background-color: #4B77BE;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-steel {
    color: #4B77BE;
}

.progress-bar.blue-steel {
    background: #4B77BE;
    color: #FFFFFF;
}

/***
Blue Soft
***/
/* Button */
.blue-soft.btn {
    color: #FFFFFF;
    background-color: #4c87b9;
}

    .blue-soft.btn:hover, .blue-soft.btn:focus, .blue-soft.btn:active, .blue-soft.btn.active {
        color: #FFFFFF;
        background-color: #3f75a2;
    }

.open .blue-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #3f75a2;
}

.blue-soft.btn:active, .blue-soft.btn.active {
    background-image: none;
    background-color: #386890;
}

    .blue-soft.btn:active:hover, .blue-soft.btn.active:hover {
        background-color: #3b6d97;
    }

.open .blue-soft.btn.dropdown-toggle {
    background-image: none;
}

.blue-soft.btn.disabled, .blue-soft.btn.disabled:hover, .blue-soft.btn.disabled:focus, .blue-soft.btn.disabled:active, .blue-soft.btn.disabled.active, .blue-soft.btn[disabled], .blue-soft.btn[disabled]:hover, .blue-soft.btn[disabled]:focus, .blue-soft.btn[disabled]:active, .blue-soft.btn[disabled].active, fieldset[disabled] .blue-soft.btn, fieldset[disabled] .blue-soft.btn:hover, fieldset[disabled] .blue-soft.btn:focus, fieldset[disabled] .blue-soft.btn:active, fieldset[disabled] .blue-soft.btn.active {
    background-color: #4c87b9;
}

.blue-soft.btn .badge {
    color: #4c87b9;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-soft-stripe {
    border-left: 3px solid #4c87b9;
}

/* General Element */
.bg-blue-soft {
    border-color: #4c87b9;
    background-image: none;
    background-color: #4c87b9;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-soft {
    color: #4c87b9;
}

.progress-bar.blue-soft {
    background: #4c87b9;
    color: #FFFFFF;
}

/***
Blue Dark
***/
/* Button */
.blue-dark.btn {
    color: #FFFFFF;
    background-color: #5e738b;
}

    .blue-dark.btn:hover, .blue-dark.btn:focus, .blue-dark.btn:active, .blue-dark.btn.active {
        color: #FFFFFF;
        background-color: #506176;
    }

.open .blue-dark.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #506176;
}

.blue-dark.btn:active, .blue-dark.btn.active {
    background-image: none;
    background-color: #455566;
}

    .blue-dark.btn:active:hover, .blue-dark.btn.active:hover {
        background-color: #495a6d;
    }

.open .blue-dark.btn.dropdown-toggle {
    background-image: none;
}

.blue-dark.btn.disabled, .blue-dark.btn.disabled:hover, .blue-dark.btn.disabled:focus, .blue-dark.btn.disabled:active, .blue-dark.btn.disabled.active, .blue-dark.btn[disabled], .blue-dark.btn[disabled]:hover, .blue-dark.btn[disabled]:focus, .blue-dark.btn[disabled]:active, .blue-dark.btn[disabled].active, fieldset[disabled] .blue-dark.btn, fieldset[disabled] .blue-dark.btn:hover, fieldset[disabled] .blue-dark.btn:focus, fieldset[disabled] .blue-dark.btn:active, fieldset[disabled] .blue-dark.btn.active {
    background-color: #5e738b;
}

.blue-dark.btn .badge {
    color: #5e738b;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-dark-stripe {
    border-left: 3px solid #5e738b;
}

/* General Element */
.bg-blue-dark {
    border-color: #5e738b;
    background-image: none;
    background-color: #5e738b;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-dark {
    color: #5e738b;
}

.progress-bar.blue-dark {
    background: #5e738b;
    color: #FFFFFF;
}

/***
Blue Sharp
***/
/* Button */
.blue-sharp.btn {
    color: #FFFFFF;
    background-color: #5C9BD1;
}

    .blue-sharp.btn:hover, .blue-sharp.btn:focus, .blue-sharp.btn:active, .blue-sharp.btn.active {
        color: #FFFFFF;
        background-color: #408ac9;
    }

.open .blue-sharp.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #408ac9;
}

.blue-sharp.btn:active, .blue-sharp.btn.active {
    background-image: none;
    background-color: #357dbb;
}

    .blue-sharp.btn:active:hover, .blue-sharp.btn.active:hover {
        background-color: #3782c3;
    }

.open .blue-sharp.btn.dropdown-toggle {
    background-image: none;
}

.blue-sharp.btn.disabled, .blue-sharp.btn.disabled:hover, .blue-sharp.btn.disabled:focus, .blue-sharp.btn.disabled:active, .blue-sharp.btn.disabled.active, .blue-sharp.btn[disabled], .blue-sharp.btn[disabled]:hover, .blue-sharp.btn[disabled]:focus, .blue-sharp.btn[disabled]:active, .blue-sharp.btn[disabled].active, fieldset[disabled] .blue-sharp.btn, fieldset[disabled] .blue-sharp.btn:hover, fieldset[disabled] .blue-sharp.btn:focus, fieldset[disabled] .blue-sharp.btn:active, fieldset[disabled] .blue-sharp.btn.active {
    background-color: #5C9BD1;
}

.blue-sharp.btn .badge {
    color: #5C9BD1;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-sharp-stripe {
    border-left: 3px solid #5C9BD1;
}

/* General Element */
.bg-blue-sharp {
    border-color: #5C9BD1;
    background-image: none;
    background-color: #5C9BD1;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-sharp {
    color: #5C9BD1;
}

.progress-bar.blue-sharp {
    background: #5C9BD1;
    color: #FFFFFF;
}

/***********
Green Colors
************/
/***
Green Default
***/
/* Button */
.green.btn {
    color: #FFFFFF;
    background-color: #26a69a;
}

    .green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
        color: #FFFFFF;
        background-color: #1f897f;
    }

.open .green.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #1f897f;
}

.green.btn:active, .green.btn.active {
    background-image: none;
    background-color: #1b746c;
}

    .green.btn:active:hover, .green.btn.active:hover {
        background-color: #1c7d74;
    }

.open .green.btn.dropdown-toggle {
    background-image: none;
}

.green.btn.disabled, .green.btn.disabled:hover, .green.btn.disabled:focus, .green.btn.disabled:active, .green.btn.disabled.active, .green.btn[disabled], .green.btn[disabled]:hover, .green.btn[disabled]:focus, .green.btn[disabled]:active, .green.btn[disabled].active, fieldset[disabled] .green.btn, fieldset[disabled] .green.btn:hover, fieldset[disabled] .green.btn:focus, fieldset[disabled] .green.btn:active, fieldset[disabled] .green.btn.active {
    background-color: #26a69a;
}

.green.btn .badge {
    color: #26a69a;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-stripe {
    border-left: 3px solid #26a69a;
}

/* Statistic Block */
.dashboard-stat.green {
    background-color: #26a69a;
}

    .dashboard-stat.green.dashboard-stat-light:hover {
        background-color: #22958b;
    }

    .dashboard-stat.green .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green .more {
        color: #FFFFFF;
        background-color: #22958b;
    }

/* General Element */
.bg-green {
    border-color: #26a69a;
    background-image: none;
    background-color: #26a69a;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green {
    color: #26a69a;
}

.progress-bar.green {
    background: #26a69a;
    color: #FFFFFF;
}

/***
Green Meadow
***/
/* Button */
.green-meadow.btn {
    color: #FFFFFF;
    background-color: #1BBC9B;
}

    .green-meadow.btn:hover, .green-meadow.btn:focus, .green-meadow.btn:active, .green-meadow.btn.active {
        color: #FFFFFF;
        background-color: #179d81;
    }

.open .green-meadow.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #179d81;
}

.green-meadow.btn:active, .green-meadow.btn.active {
    background-image: none;
    background-color: #13866f;
}

    .green-meadow.btn:active:hover, .green-meadow.btn.active:hover {
        background-color: #158f76;
    }

.open .green-meadow.btn.dropdown-toggle {
    background-image: none;
}

.green-meadow.btn.disabled, .green-meadow.btn.disabled:hover, .green-meadow.btn.disabled:focus, .green-meadow.btn.disabled:active, .green-meadow.btn.disabled.active, .green-meadow.btn[disabled], .green-meadow.btn[disabled]:hover, .green-meadow.btn[disabled]:focus, .green-meadow.btn[disabled]:active, .green-meadow.btn[disabled].active, fieldset[disabled] .green-meadow.btn, fieldset[disabled] .green-meadow.btn:hover, fieldset[disabled] .green-meadow.btn:focus, fieldset[disabled] .green-meadow.btn:active, fieldset[disabled] .green-meadow.btn.active {
    background-color: #1BBC9B;
}

.green-meadow.btn .badge {
    color: #1BBC9B;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-meadow-stripe {
    border-left: 3px solid #1BBC9B;
}

/* General Element */
.bg-green-meadow {
    border-color: #1BBC9B;
    background-image: none;
    background-color: #1BBC9B;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-meadow {
    color: #1BBC9B;
}

.progress-bar.green-meadow {
    background: #1BBC9B;
    color: #FFFFFF;
}

/***
Green Seagreen
***/
/* Button */
.green-seagreen.btn {
    color: #FFFFFF;
    background-color: #1BA39C;
}

    .green-seagreen.btn:hover, .green-seagreen.btn:focus, .green-seagreen.btn:active, .green-seagreen.btn.active {
        color: #FFFFFF;
        background-color: #16847f;
    }

.open .green-seagreen.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #16847f;
}

.green-seagreen.btn:active, .green-seagreen.btn.active {
    background-image: none;
    background-color: #126e6a;
}

    .green-seagreen.btn:active:hover, .green-seagreen.btn.active:hover {
        background-color: #147772;
    }

.open .green-seagreen.btn.dropdown-toggle {
    background-image: none;
}

.green-seagreen.btn.disabled, .green-seagreen.btn.disabled:hover, .green-seagreen.btn.disabled:focus, .green-seagreen.btn.disabled:active, .green-seagreen.btn.disabled.active, .green-seagreen.btn[disabled], .green-seagreen.btn[disabled]:hover, .green-seagreen.btn[disabled]:focus, .green-seagreen.btn[disabled]:active, .green-seagreen.btn[disabled].active, fieldset[disabled] .green-seagreen.btn, fieldset[disabled] .green-seagreen.btn:hover, fieldset[disabled] .green-seagreen.btn:focus, fieldset[disabled] .green-seagreen.btn:active, fieldset[disabled] .green-seagreen.btn.active {
    background-color: #1BA39C;
}

.green-seagreen.btn .badge {
    color: #1BA39C;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-seagreen-stripe {
    border-left: 3px solid #1BA39C;
}

/* General Element */
.bg-green-seagreen {
    border-color: #1BA39C;
    background-image: none;
    background-color: #1BA39C;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-seagreen {
    color: #1BA39C;
}

.progress-bar.green-seagreen {
    background: #1BA39C;
    color: #FFFFFF;
}

/***
Green Turquoise
***/
/* Button */
.green-turquoise.btn {
    color: #FFFFFF;
    background-color: #36D7B7;
}

    .green-turquoise.btn:hover, .green-turquoise.btn:focus, .green-turquoise.btn:active, .green-turquoise.btn.active {
        color: #FFFFFF;
        background-color: #27c3a4;
    }

.open .green-turquoise.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #27c3a4;
}

.green-turquoise.btn:active, .green-turquoise.btn.active {
    background-image: none;
    background-color: #22ad92;
}

    .green-turquoise.btn:active:hover, .green-turquoise.btn.active:hover {
        background-color: #24b699;
    }

.open .green-turquoise.btn.dropdown-toggle {
    background-image: none;
}

.green-turquoise.btn.disabled, .green-turquoise.btn.disabled:hover, .green-turquoise.btn.disabled:focus, .green-turquoise.btn.disabled:active, .green-turquoise.btn.disabled.active, .green-turquoise.btn[disabled], .green-turquoise.btn[disabled]:hover, .green-turquoise.btn[disabled]:focus, .green-turquoise.btn[disabled]:active, .green-turquoise.btn[disabled].active, fieldset[disabled] .green-turquoise.btn, fieldset[disabled] .green-turquoise.btn:hover, fieldset[disabled] .green-turquoise.btn:focus, fieldset[disabled] .green-turquoise.btn:active, fieldset[disabled] .green-turquoise.btn.active {
    background-color: #36D7B7;
}

.green-turquoise.btn .badge {
    color: #36D7B7;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-turquoise-stripe {
    border-left: 3px solid #36D7B7;
}

/* General Element */
.bg-green-turquoise {
    border-color: #36D7B7;
    background-image: none;
    background-color: #36D7B7;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-turquoise {
    color: #36D7B7;
}

.progress-bar.green-turquoise {
    background: #36D7B7;
    color: #FFFFFF;
}

/***
Green Haze
***/
/* Button */
.green-haze.btn {
    color: #FFFFFF;
    background-color: #44b6ae;
}

    .green-haze.btn:hover, .green-haze.btn:focus, .green-haze.btn:active, .green-haze.btn.active {
        color: #FFFFFF;
        background-color: #3a9c95;
    }

.open .green-haze.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #3a9c95;
}

.green-haze.btn:active, .green-haze.btn.active {
    background-image: none;
    background-color: #338983;
}

    .green-haze.btn:active:hover, .green-haze.btn.active:hover {
        background-color: #36918b;
    }

.open .green-haze.btn.dropdown-toggle {
    background-image: none;
}

.green-haze.btn.disabled, .green-haze.btn.disabled:hover, .green-haze.btn.disabled:focus, .green-haze.btn.disabled:active, .green-haze.btn.disabled.active, .green-haze.btn[disabled], .green-haze.btn[disabled]:hover, .green-haze.btn[disabled]:focus, .green-haze.btn[disabled]:active, .green-haze.btn[disabled].active, fieldset[disabled] .green-haze.btn, fieldset[disabled] .green-haze.btn:hover, fieldset[disabled] .green-haze.btn:focus, fieldset[disabled] .green-haze.btn:active, fieldset[disabled] .green-haze.btn.active {
    background-color: #44b6ae;
}

.green-haze.btn .badge {
    color: #44b6ae;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-haze-stripe {
    border-left: 3px solid #44b6ae;
}

/* General Element */
.bg-green-haze {
    border-color: #44b6ae;
    background-image: none;
    background-color: #44b6ae;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-haze {
    color: #44b6ae;
}

.progress-bar.green-haze {
    background: #44b6ae;
    color: #FFFFFF;
}

/***
Green Jungle
***/
/* Button */
.green-jungle.btn {
    color: #FFFFFF;
    background-color: #26C281;
}

    .green-jungle.btn:hover, .green-jungle.btn:focus, .green-jungle.btn:active, .green-jungle.btn.active {
        color: #FFFFFF;
        background-color: #20a46d;
    }

.open .green-jungle.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #20a46d;
}

.green-jungle.btn:active, .green-jungle.btn.active {
    background-image: none;
    background-color: #1c8f5f;
}

    .green-jungle.btn:active:hover, .green-jungle.btn.active:hover {
        background-color: #1e9765;
    }

.open .green-jungle.btn.dropdown-toggle {
    background-image: none;
}

.green-jungle.btn.disabled, .green-jungle.btn.disabled:hover, .green-jungle.btn.disabled:focus, .green-jungle.btn.disabled:active, .green-jungle.btn.disabled.active, .green-jungle.btn[disabled], .green-jungle.btn[disabled]:hover, .green-jungle.btn[disabled]:focus, .green-jungle.btn[disabled]:active, .green-jungle.btn[disabled].active, fieldset[disabled] .green-jungle.btn, fieldset[disabled] .green-jungle.btn:hover, fieldset[disabled] .green-jungle.btn:focus, fieldset[disabled] .green-jungle.btn:active, fieldset[disabled] .green-jungle.btn.active {
    background-color: #26C281;
}

.green-jungle.btn .badge {
    color: #26C281;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-jungle-stripe {
    border-left: 3px solid #26C281;
}

/* General Element */
.bg-green-jungle {
    border-color: #26C281;
    background-image: none;
    background-color: #26C281;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-jungle {
    color: #26C281;
}

.progress-bar.green-jungle {
    background: #26C281;
    color: #FFFFFF;
}

/***
Green Sharp
***/
/* Button */
.green-sharp.btn {
    color: #FFFFFF;
    background-color: #4DB3A2;
}

    .green-sharp.btn:hover, .green-sharp.btn:focus, .green-sharp.btn:active, .green-sharp.btn.active {
        color: #FFFFFF;
        background-color: #429a8c;
    }

.open .green-sharp.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #429a8c;
}

.green-sharp.btn:active, .green-sharp.btn.active {
    background-image: none;
    background-color: #3a897b;
}

    .green-sharp.btn:active:hover, .green-sharp.btn.active:hover {
        background-color: #3d9082;
    }

.open .green-sharp.btn.dropdown-toggle {
    background-image: none;
}

.green-sharp.btn.disabled, .green-sharp.btn.disabled:hover, .green-sharp.btn.disabled:focus, .green-sharp.btn.disabled:active, .green-sharp.btn.disabled.active, .green-sharp.btn[disabled], .green-sharp.btn[disabled]:hover, .green-sharp.btn[disabled]:focus, .green-sharp.btn[disabled]:active, .green-sharp.btn[disabled].active, fieldset[disabled] .green-sharp.btn, fieldset[disabled] .green-sharp.btn:hover, fieldset[disabled] .green-sharp.btn:focus, fieldset[disabled] .green-sharp.btn:active, fieldset[disabled] .green-sharp.btn.active {
    background-color: #4DB3A2;
}

.green-sharp.btn .badge {
    color: #4DB3A2;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-sharp-stripe {
    border-left: 3px solid #4DB3A2;
}

/* General Element */
.bg-green-sharp {
    border-color: #4DB3A2;
    background-image: none;
    background-color: #4DB3A2;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-sharp {
    color: #4DB3A2;
}

.progress-bar.green-sharp {
    background: #4DB3A2;
    color: #FFFFFF;
}

/***
Green Sharp
***/
/* Button */
.green-soft.btn {
    color: #FFFFFF;
    background-color: #3faba4;
}

    .green-soft.btn:hover, .green-soft.btn:focus, .green-soft.btn:active, .green-soft.btn.active {
        color: #FFFFFF;
        background-color: #35918b;
    }

.open .green-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #35918b;
}

.green-soft.btn:active, .green-soft.btn.active {
    background-image: none;
    background-color: #2f7e79;
}

    .green-soft.btn:active:hover, .green-soft.btn.active:hover {
        background-color: #318680;
    }

.open .green-soft.btn.dropdown-toggle {
    background-image: none;
}

.green-soft.btn.disabled, .green-soft.btn.disabled:hover, .green-soft.btn.disabled:focus, .green-soft.btn.disabled:active, .green-soft.btn.disabled.active, .green-soft.btn[disabled], .green-soft.btn[disabled]:hover, .green-soft.btn[disabled]:focus, .green-soft.btn[disabled]:active, .green-soft.btn[disabled].active, fieldset[disabled] .green-soft.btn, fieldset[disabled] .green-soft.btn:hover, fieldset[disabled] .green-soft.btn:focus, fieldset[disabled] .green-soft.btn:active, fieldset[disabled] .green-soft.btn.active {
    background-color: #3faba4;
}

.green-soft.btn .badge {
    color: #3faba4;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.green-soft-stripe {
    border-left: 3px solid #3faba4;
}

/* General Element */
.bg-green-soft {
    border-color: #3faba4;
    background-image: none;
    background-color: #3faba4;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-green-soft {
    color: #3faba4;
}

.progress-bar.green-soft {
    background: #3faba4;
    color: #FFFFFF;
}

/***********
Grey Colors
************/
/***
Grey Default
***/
/* Button */
.grey.btn {
    color: #333333;
    background-color: #E5E5E5;
}

    .grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active {
        color: #333333;
        background-color: lightgray;
    }

.open .grey.btn.dropdown-toggle {
    color: #333333;
    background-color: lightgray;
}

.grey.btn:active, .grey.btn.active {
    background-image: none;
    background-color: #c6c6c6;
}

    .grey.btn:active:hover, .grey.btn.active:hover {
        background-color: #cccccc;
    }

.open .grey.btn.dropdown-toggle {
    background-image: none;
}

.grey.btn.disabled, .grey.btn.disabled:hover, .grey.btn.disabled:focus, .grey.btn.disabled:active, .grey.btn.disabled.active, .grey.btn[disabled], .grey.btn[disabled]:hover, .grey.btn[disabled]:focus, .grey.btn[disabled]:active, .grey.btn[disabled].active, fieldset[disabled] .grey.btn, fieldset[disabled] .grey.btn:hover, fieldset[disabled] .grey.btn:focus, fieldset[disabled] .grey.btn:active, fieldset[disabled] .grey.btn.active {
    background-color: #E5E5E5;
}

.grey.btn .badge {
    color: #E5E5E5;
    background-color: #333333;
}

/* Button Strip */
.btn.grey-stripe {
    border-left: 3px solid #E5E5E5;
}

/* General Element */
.bg-grey {
    border-color: #E5E5E5;
    background-image: none;
    background-color: #E5E5E5;
    color: #333333;
}

/* General Text & Icon Font Colors */
.font-grey {
    color: #E5E5E5;
}

.progress-bar.grey {
    background: #E5E5E5;
    color: #333333;
}

/***
Grey Steel
***/
/* Button */
.grey-steel.btn {
    color: #80898e;
    background-color: #e9edef;
}

    .grey-steel.btn:hover, .grey-steel.btn:focus, .grey-steel.btn:active, .grey-steel.btn.active {
        color: #80898e;
        background-color: #d4dce0;
    }

.open .grey-steel.btn.dropdown-toggle {
    color: #80898e;
    background-color: #d4dce0;
}

.grey-steel.btn:active, .grey-steel.btn.active {
    background-image: none;
    background-color: #c6d0d5;
}

    .grey-steel.btn:active:hover, .grey-steel.btn.active:hover {
        background-color: #cbd5da;
    }

.open .grey-steel.btn.dropdown-toggle {
    background-image: none;
}

.grey-steel.btn.disabled, .grey-steel.btn.disabled:hover, .grey-steel.btn.disabled:focus, .grey-steel.btn.disabled:active, .grey-steel.btn.disabled.active, .grey-steel.btn[disabled], .grey-steel.btn[disabled]:hover, .grey-steel.btn[disabled]:focus, .grey-steel.btn[disabled]:active, .grey-steel.btn[disabled].active, fieldset[disabled] .grey-steel.btn, fieldset[disabled] .grey-steel.btn:hover, fieldset[disabled] .grey-steel.btn:focus, fieldset[disabled] .grey-steel.btn:active, fieldset[disabled] .grey-steel.btn.active {
    background-color: #e9edef;
}

.grey-steel.btn .badge {
    color: #e9edef;
    background-color: #80898e;
}

/* Button Strip */
.btn.grey-steel-stripe {
    border-left: 3px solid #e9edef;
}

/* General Element */
.bg-grey-steel {
    border-color: #e9edef;
    background-image: none;
    background-color: #e9edef;
    color: #80898e;
}

/* General Text & Icon Font Colors */
.font-grey-steel {
    color: #e9edef;
}

.progress-bar.grey-steel {
    background: #e9edef;
    color: #80898e;
}

/***
Grey Cararra
***/
/* Button */
.grey-cararra.btn {
    color: #333333;
    background-color: #fafafa;
}

    .grey-cararra.btn:hover, .grey-cararra.btn:focus, .grey-cararra.btn:active, .grey-cararra.btn.active {
        color: #333333;
        background-color: #e8e8e8;
    }

.open .grey-cararra.btn.dropdown-toggle {
    color: #333333;
    background-color: #e8e8e8;
}

.grey-cararra.btn:active, .grey-cararra.btn.active {
    background-image: none;
    background-color: #dbdbdb;
}

    .grey-cararra.btn:active:hover, .grey-cararra.btn.active:hover {
        background-color: #e1e1e1;
    }

.open .grey-cararra.btn.dropdown-toggle {
    background-image: none;
}

.grey-cararra.btn.disabled, .grey-cararra.btn.disabled:hover, .grey-cararra.btn.disabled:focus, .grey-cararra.btn.disabled:active, .grey-cararra.btn.disabled.active, .grey-cararra.btn[disabled], .grey-cararra.btn[disabled]:hover, .grey-cararra.btn[disabled]:focus, .grey-cararra.btn[disabled]:active, .grey-cararra.btn[disabled].active, fieldset[disabled] .grey-cararra.btn, fieldset[disabled] .grey-cararra.btn:hover, fieldset[disabled] .grey-cararra.btn:focus, fieldset[disabled] .grey-cararra.btn:active, fieldset[disabled] .grey-cararra.btn.active {
    background-color: #fafafa;
}

.grey-cararra.btn .badge {
    color: #fafafa;
    background-color: #333333;
}

/* Button Strip */
.btn.grey-cararra-stripe {
    border-left: 3px solid #fafafa;
}

/* General Element */
.bg-grey-cararra {
    border-color: #fafafa;
    background-image: none;
    background-color: #fafafa;
    color: #333333;
}

/* General Text & Icon Font Colors */
.font-grey-cararra {
    color: #fafafa;
}

.progress-bar.grey-cararra {
    background: #fafafa;
    color: #333333;
}

/***
Grey Gallery
***/
/* Button */
.grey-gallery.btn {
    color: #ffffff;
    background-color: #555555;
}

    .grey-gallery.btn:hover, .grey-gallery.btn:focus, .grey-gallery.btn:active, .grey-gallery.btn.active {
        color: #ffffff;
        background-color: #434343;
    }

.open .grey-gallery.btn.dropdown-toggle {
    color: #ffffff;
    background-color: #434343;
}

.grey-gallery.btn:active, .grey-gallery.btn.active {
    background-image: none;
    background-color: #363636;
}

    .grey-gallery.btn:active:hover, .grey-gallery.btn.active:hover {
        background-color: #3b3b3b;
    }

.open .grey-gallery.btn.dropdown-toggle {
    background-image: none;
}

.grey-gallery.btn.disabled, .grey-gallery.btn.disabled:hover, .grey-gallery.btn.disabled:focus, .grey-gallery.btn.disabled:active, .grey-gallery.btn.disabled.active, .grey-gallery.btn[disabled], .grey-gallery.btn[disabled]:hover, .grey-gallery.btn[disabled]:focus, .grey-gallery.btn[disabled]:active, .grey-gallery.btn[disabled].active, fieldset[disabled] .grey-gallery.btn, fieldset[disabled] .grey-gallery.btn:hover, fieldset[disabled] .grey-gallery.btn:focus, fieldset[disabled] .grey-gallery.btn:active, fieldset[disabled] .grey-gallery.btn.active {
    background-color: #555555;
}

.grey-gallery.btn .badge {
    color: #555555;
    background-color: #ffffff;
}

/* Button Strip */
.btn.grey-gallery-stripe {
    border-left: 3px solid #555555;
}

/* General Element */
.bg-grey-gallery {
    border-color: #555555;
    background-image: none;
    background-color: #555555;
    color: #ffffff;
}

/* General Text & Icon Font Colors */
.font-grey-gallery {
    color: #555555;
}

.progress-bar.grey-gallery {
    background: #555555;
    color: #ffffff;
}

/***
Grey Cascade
***/
/* Button */
.grey-cascade.btn {
    color: #FFFFFF;
    background-color: #95A5A6;
}

    .grey-cascade.btn:hover, .grey-cascade.btn:focus, .grey-cascade.btn:active, .grey-cascade.btn.active {
        color: #FFFFFF;
        background-color: #829596;
    }

.open .grey-cascade.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #829596;
}

.grey-cascade.btn:active, .grey-cascade.btn.active {
    background-image: none;
    background-color: #74898a;
}

    .grey-cascade.btn:active:hover, .grey-cascade.btn.active:hover {
        background-color: #798d8f;
    }

.open .grey-cascade.btn.dropdown-toggle {
    background-image: none;
}

.grey-cascade.btn.disabled, .grey-cascade.btn.disabled:hover, .grey-cascade.btn.disabled:focus, .grey-cascade.btn.disabled:active, .grey-cascade.btn.disabled.active, .grey-cascade.btn[disabled], .grey-cascade.btn[disabled]:hover, .grey-cascade.btn[disabled]:focus, .grey-cascade.btn[disabled]:active, .grey-cascade.btn[disabled].active, fieldset[disabled] .grey-cascade.btn, fieldset[disabled] .grey-cascade.btn:hover, fieldset[disabled] .grey-cascade.btn:focus, fieldset[disabled] .grey-cascade.btn:active, fieldset[disabled] .grey-cascade.btn.active {
    background-color: #95A5A6;
}

.grey-cascade.btn .badge {
    color: #95A5A6;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.grey-cascade-stripe {
    border-left: 3px solid #95A5A6;
}

/* General Element */
.bg-grey-cascade {
    border-color: #95A5A6;
    background-image: none;
    background-color: #95A5A6;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-grey-cascade {
    color: #95A5A6;
}

.progress-bar.grey-cascade {
    background: #95A5A6;
    color: #FFFFFF;
}

/***
Grey Silver
***/
/* Button */
.grey-silver.btn {
    color: #FAFCFB;
    background-color: #BFBFBF;
}

    .grey-silver.btn:hover, .grey-silver.btn:focus, .grey-silver.btn:active, .grey-silver.btn.active {
        color: #FAFCFB;
        background-color: #adadad;
    }

.open .grey-silver.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #adadad;
}

.grey-silver.btn:active, .grey-silver.btn.active {
    background-image: none;
    background-color: #a0a0a0;
}

    .grey-silver.btn:active:hover, .grey-silver.btn.active:hover {
        background-color: #a6a6a6;
    }

.open .grey-silver.btn.dropdown-toggle {
    background-image: none;
}

.grey-silver.btn.disabled, .grey-silver.btn.disabled:hover, .grey-silver.btn.disabled:focus, .grey-silver.btn.disabled:active, .grey-silver.btn.disabled.active, .grey-silver.btn[disabled], .grey-silver.btn[disabled]:hover, .grey-silver.btn[disabled]:focus, .grey-silver.btn[disabled]:active, .grey-silver.btn[disabled].active, fieldset[disabled] .grey-silver.btn, fieldset[disabled] .grey-silver.btn:hover, fieldset[disabled] .grey-silver.btn:focus, fieldset[disabled] .grey-silver.btn:active, fieldset[disabled] .grey-silver.btn.active {
    background-color: #BFBFBF;
}

.grey-silver.btn .badge {
    color: #BFBFBF;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-silver-stripe {
    border-left: 3px solid #BFBFBF;
}

/* General Element */
.bg-grey-silver {
    border-color: #BFBFBF;
    background-image: none;
    background-color: #BFBFBF;
    color: #FAFCFB;
}

/* General Text & Icon Font Colors */
.font-grey-silver {
    color: #BFBFBF;
}

.progress-bar.grey-silver {
    background: #BFBFBF;
    color: #FAFCFB;
}

/***
Grey Salsa
***/
/* Button */
.grey-salsa.btn {
    color: #FAFCFB;
    background-color: #ACB5C3;
}

    .grey-salsa.btn:hover, .grey-salsa.btn:focus, .grey-salsa.btn:active, .grey-salsa.btn.active {
        color: #FAFCFB;
        background-color: #97a3b4;
    }

.open .grey-salsa.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #97a3b4;
}

.grey-salsa.btn:active, .grey-salsa.btn.active {
    background-image: none;
    background-color: #8895a9;
}

    .grey-salsa.btn:active:hover, .grey-salsa.btn.active:hover {
        background-color: #8e9bae;
    }

.open .grey-salsa.btn.dropdown-toggle {
    background-image: none;
}

.grey-salsa.btn.disabled, .grey-salsa.btn.disabled:hover, .grey-salsa.btn.disabled:focus, .grey-salsa.btn.disabled:active, .grey-salsa.btn.disabled.active, .grey-salsa.btn[disabled], .grey-salsa.btn[disabled]:hover, .grey-salsa.btn[disabled]:focus, .grey-salsa.btn[disabled]:active, .grey-salsa.btn[disabled].active, fieldset[disabled] .grey-salsa.btn, fieldset[disabled] .grey-salsa.btn:hover, fieldset[disabled] .grey-salsa.btn:focus, fieldset[disabled] .grey-salsa.btn:active, fieldset[disabled] .grey-salsa.btn.active {
    background-color: #ACB5C3;
}

.grey-salsa.btn .badge {
    color: #ACB5C3;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-salsa-stripe {
    border-left: 3px solid #ACB5C3;
}

/* General Element */
.bg-grey-salsa {
    border-color: #ACB5C3;
    background-image: none;
    background-color: #ACB5C3;
    color: #FAFCFB;
}

/* General Text & Icon Font Colors */
.font-grey-salsa {
    color: #ACB5C3;
}

.progress-bar.grey-salsa {
    background: #ACB5C3;
    color: #FAFCFB;
}

/***
Grey Salt
***/
/* Button */
.grey-salt.btn {
    color: #FAFCFB;
    background-color: #bfcad1;
}

    .grey-salt.btn:hover, .grey-salt.btn:focus, .grey-salt.btn:active, .grey-salt.btn.active {
        color: #FAFCFB;
        background-color: #aab9c2;
    }

.open .grey-salt.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #aab9c2;
}

.grey-salt.btn:active, .grey-salt.btn.active {
    background-image: none;
    background-color: #9badb7;
}

    .grey-salt.btn:active:hover, .grey-salt.btn.active:hover {
        background-color: #a1b1bc;
    }

.open .grey-salt.btn.dropdown-toggle {
    background-image: none;
}

.grey-salt.btn.disabled, .grey-salt.btn.disabled:hover, .grey-salt.btn.disabled:focus, .grey-salt.btn.disabled:active, .grey-salt.btn.disabled.active, .grey-salt.btn[disabled], .grey-salt.btn[disabled]:hover, .grey-salt.btn[disabled]:focus, .grey-salt.btn[disabled]:active, .grey-salt.btn[disabled].active, fieldset[disabled] .grey-salt.btn, fieldset[disabled] .grey-salt.btn:hover, fieldset[disabled] .grey-salt.btn:focus, fieldset[disabled] .grey-salt.btn:active, fieldset[disabled] .grey-salt.btn.active {
    background-color: #bfcad1;
}

.grey-salt.btn .badge {
    color: #bfcad1;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-salt-stripe {
    border-left: 3px solid #bfcad1;
}

/* General Element */
.bg-grey-salt {
    border-color: #bfcad1;
    background-image: none;
    background-color: #bfcad1;
    color: #FAFCFB;
}

/* General Text & Icon Font Colors */
.font-grey-salt {
    color: #bfcad1;
}

.progress-bar.grey-salt {
    background: #bfcad1;
    color: #FAFCFB;
}

/***
Grey Mint
***/
/* Button */
.grey-mint.btn {
    color: #FAFCFB;
    background-color: #9eacb4;
}

    .grey-mint.btn:hover, .grey-mint.btn:focus, .grey-mint.btn:active, .grey-mint.btn.active {
        color: #FAFCFB;
        background-color: #8a9ba4;
    }

.open .grey-mint.btn.dropdown-toggle {
    color: #FAFCFB;
    background-color: #8a9ba4;
}

.grey-mint.btn:active, .grey-mint.btn.active {
    background-image: none;
    background-color: #7b8e99;
}

    .grey-mint.btn:active:hover, .grey-mint.btn.active:hover {
        background-color: #81939e;
    }

.open .grey-mint.btn.dropdown-toggle {
    background-image: none;
}

.grey-mint.btn.disabled, .grey-mint.btn.disabled:hover, .grey-mint.btn.disabled:focus, .grey-mint.btn.disabled:active, .grey-mint.btn.disabled.active, .grey-mint.btn[disabled], .grey-mint.btn[disabled]:hover, .grey-mint.btn[disabled]:focus, .grey-mint.btn[disabled]:active, .grey-mint.btn[disabled].active, fieldset[disabled] .grey-mint.btn, fieldset[disabled] .grey-mint.btn:hover, fieldset[disabled] .grey-mint.btn:focus, fieldset[disabled] .grey-mint.btn:active, fieldset[disabled] .grey-mint.btn.active {
    background-color: #9eacb4;
}

.grey-mint.btn .badge {
    color: #9eacb4;
    background-color: #FAFCFB;
}

/* Button Strip */
.btn.grey-mint-stripe {
    border-left: 3px solid #9eacb4;
}

/* General Element */
.bg-grey-mint {
    border-color: #9eacb4;
    background-image: none;
    background-color: #9eacb4;
    color: #FAFCFB;
}

/* General Text & Icon Font Colors */
.font-grey-mint {
    color: #9eacb4;
}

.progress-bar.grey-mint {
    background: #9eacb4;
    color: #FAFCFB;
}

/***********
Red Colors
************/
/***
Red Default
***/
/* Button */
.red.btn {
    color: #FFFFFF;
    background-color: #cb5a5e;
}

    .red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
        color: #FFFFFF;
        background-color: #c23f44;
    }

.open .red.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c23f44;
}

.red.btn:active, .red.btn.active {
    background-image: none;
    background-color: #b0383c;
}

    .red.btn:active:hover, .red.btn.active:hover {
        background-color: #b83a3e;
    }

.open .red.btn.dropdown-toggle {
    background-image: none;
}

.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
    background-color: #cb5a5e;
}

.red.btn .badge {
    color: #cb5a5e;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-stripe {
    border-left: 3px solid #cb5a5e;
}

/* General Element */
.bg-red {
    border-color: #cb5a5e;
    background-image: none;
    background-color: #cb5a5e;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red {
    color: #cb5a5e;
}

.progress-bar.red {
    background: #cb5a5e;
    color: #FFFFFF;
}

/***
Red Pink
***/
/* Button */
.red-pink.btn {
    color: #FFFFFF;
    background-color: #E08283;
}

    .red-pink.btn:hover, .red-pink.btn:focus, .red-pink.btn:active, .red-pink.btn.active {
        color: #FFFFFF;
        background-color: #d96567;
    }

.open .red-pink.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #d96567;
}

.red-pink.btn:active, .red-pink.btn.active {
    background-image: none;
    background-color: #d45152;
}

    .red-pink.btn:active:hover, .red-pink.btn.active:hover {
        background-color: #d6595a;
    }

.open .red-pink.btn.dropdown-toggle {
    background-image: none;
}

.red-pink.btn.disabled, .red-pink.btn.disabled:hover, .red-pink.btn.disabled:focus, .red-pink.btn.disabled:active, .red-pink.btn.disabled.active, .red-pink.btn[disabled], .red-pink.btn[disabled]:hover, .red-pink.btn[disabled]:focus, .red-pink.btn[disabled]:active, .red-pink.btn[disabled].active, fieldset[disabled] .red-pink.btn, fieldset[disabled] .red-pink.btn:hover, fieldset[disabled] .red-pink.btn:focus, fieldset[disabled] .red-pink.btn:active, fieldset[disabled] .red-pink.btn.active {
    background-color: #E08283;
}

.red-pink.btn .badge {
    color: #E08283;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-pink-stripe {
    border-left: 3px solid #E08283;
}

/* General Element */
.bg-red-pink {
    border-color: #E08283;
    background-image: none;
    background-color: #E08283;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-pink {
    color: #E08283;
}

.progress-bar.red-pink {
    background: #E08283;
    color: #FFFFFF;
}

/***
Red Sunglo
***/
/* Button */
.red-sunglo.btn {
    color: #FFFFFF;
    background-color: #E26A6A;
}

    .red-sunglo.btn:hover, .red-sunglo.btn:focus, .red-sunglo.btn:active, .red-sunglo.btn.active {
        color: #FFFFFF;
        background-color: #dc4c4c;
    }

.open .red-sunglo.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #dc4c4c;
}

.red-sunglo.btn:active, .red-sunglo.btn.active {
    background-image: none;
    background-color: #d83737;
}

    .red-sunglo.btn:active:hover, .red-sunglo.btn.active:hover {
        background-color: #da3f3f;
    }

.open .red-sunglo.btn.dropdown-toggle {
    background-image: none;
}

.red-sunglo.btn.disabled, .red-sunglo.btn.disabled:hover, .red-sunglo.btn.disabled:focus, .red-sunglo.btn.disabled:active, .red-sunglo.btn.disabled.active, .red-sunglo.btn[disabled], .red-sunglo.btn[disabled]:hover, .red-sunglo.btn[disabled]:focus, .red-sunglo.btn[disabled]:active, .red-sunglo.btn[disabled].active, fieldset[disabled] .red-sunglo.btn, fieldset[disabled] .red-sunglo.btn:hover, fieldset[disabled] .red-sunglo.btn:focus, fieldset[disabled] .red-sunglo.btn:active, fieldset[disabled] .red-sunglo.btn.active {
    background-color: #E26A6A;
}

.red-sunglo.btn .badge {
    color: #E26A6A;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-sunglo-stripe {
    border-left: 3px solid #E26A6A;
}

/* General Element */
.bg-red-sunglo {
    border-color: #E26A6A;
    background-image: none;
    background-color: #E26A6A;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-sunglo {
    color: #E26A6A;
}

.progress-bar.red-sunglo {
    background: #E26A6A;
    color: #FFFFFF;
}

/***
Red Intense
***/
/* Button */
.red-intense.btn {
    color: #FFFFFF;
    background-color: #e35b5a;
}

    .red-intense.btn:hover, .red-intense.btn:focus, .red-intense.btn:active, .red-intense.btn.active {
        color: #FFFFFF;
        background-color: #de3d3b;
    }

.open .red-intense.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #de3d3b;
}

.red-intense.btn:active, .red-intense.btn.active {
    background-image: none;
    background-color: #da2726;
}

    .red-intense.btn:active:hover, .red-intense.btn.active:hover {
        background-color: #dc302e;
    }

.open .red-intense.btn.dropdown-toggle {
    background-image: none;
}

.red-intense.btn.disabled, .red-intense.btn.disabled:hover, .red-intense.btn.disabled:focus, .red-intense.btn.disabled:active, .red-intense.btn.disabled.active, .red-intense.btn[disabled], .red-intense.btn[disabled]:hover, .red-intense.btn[disabled]:focus, .red-intense.btn[disabled]:active, .red-intense.btn[disabled].active, fieldset[disabled] .red-intense.btn, fieldset[disabled] .red-intense.btn:hover, fieldset[disabled] .red-intense.btn:focus, fieldset[disabled] .red-intense.btn:active, fieldset[disabled] .red-intense.btn.active {
    background-color: #e35b5a;
}

.red-intense.btn .badge {
    color: #e35b5a;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-intense-stripe {
    border-left: 3px solid #e35b5a;
}

/* General Element */
.bg-red-intense {
    border-color: #e35b5a;
    background-image: none;
    background-color: #e35b5a;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-intense {
    color: #e35b5a;
}

.progress-bar.red-intense {
    background: #e35b5a;
    color: #FFFFFF;
}

/***
Red Thunderbird
***/
/* Button */
.red-thunderbird.btn {
    color: #FFFFFF;
    background-color: #D91E18;
}

    .red-thunderbird.btn:hover, .red-thunderbird.btn:focus, .red-thunderbird.btn:active, .red-thunderbird.btn.active {
        color: #FFFFFF;
        background-color: #b91a14;
    }

.open .red-thunderbird.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #b91a14;
}

.red-thunderbird.btn:active, .red-thunderbird.btn.active {
    background-image: none;
    background-color: #a21612;
}

    .red-thunderbird.btn:active:hover, .red-thunderbird.btn.active:hover {
        background-color: #ab1813;
    }

.open .red-thunderbird.btn.dropdown-toggle {
    background-image: none;
}

.red-thunderbird.btn.disabled, .red-thunderbird.btn.disabled:hover, .red-thunderbird.btn.disabled:focus, .red-thunderbird.btn.disabled:active, .red-thunderbird.btn.disabled.active, .red-thunderbird.btn[disabled], .red-thunderbird.btn[disabled]:hover, .red-thunderbird.btn[disabled]:focus, .red-thunderbird.btn[disabled]:active, .red-thunderbird.btn[disabled].active, fieldset[disabled] .red-thunderbird.btn, fieldset[disabled] .red-thunderbird.btn:hover, fieldset[disabled] .red-thunderbird.btn:focus, fieldset[disabled] .red-thunderbird.btn:active, fieldset[disabled] .red-thunderbird.btn.active {
    background-color: #D91E18;
}

.red-thunderbird.btn .badge {
    color: #D91E18;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-thunderbird-stripe {
    border-left: 3px solid #D91E18;
}

/* General Element */
.bg-red-thunderbird {
    border-color: #D91E18;
    background-image: none;
    background-color: #D91E18;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-thunderbird {
    color: #D91E18;
}

.progress-bar.red-thunderbird {
    background: #D91E18;
    color: #FFFFFF;
}

/***
Red Flamingo
***/
/* Button */
.red-flamingo.btn {
    color: #FFFFFF;
    background-color: #EF4836;
}

    .red-flamingo.btn:hover, .red-flamingo.btn:focus, .red-flamingo.btn:active, .red-flamingo.btn.active {
        color: #FFFFFF;
        background-color: #ec2a15;
    }

.open .red-flamingo.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #ec2a15;
}

.red-flamingo.btn:active, .red-flamingo.btn.active {
    background-image: none;
    background-color: #d72411;
}

    .red-flamingo.btn:active:hover, .red-flamingo.btn.active:hover {
        background-color: #e02612;
    }

.open .red-flamingo.btn.dropdown-toggle {
    background-image: none;
}

.red-flamingo.btn.disabled, .red-flamingo.btn.disabled:hover, .red-flamingo.btn.disabled:focus, .red-flamingo.btn.disabled:active, .red-flamingo.btn.disabled.active, .red-flamingo.btn[disabled], .red-flamingo.btn[disabled]:hover, .red-flamingo.btn[disabled]:focus, .red-flamingo.btn[disabled]:active, .red-flamingo.btn[disabled].active, fieldset[disabled] .red-flamingo.btn, fieldset[disabled] .red-flamingo.btn:hover, fieldset[disabled] .red-flamingo.btn:focus, fieldset[disabled] .red-flamingo.btn:active, fieldset[disabled] .red-flamingo.btn.active {
    background-color: #EF4836;
}

.red-flamingo.btn .badge {
    color: #EF4836;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-flamingo-stripe {
    border-left: 3px solid #EF4836;
}

/* General Element */
.bg-red-flamingo {
    border-color: #EF4836;
    background-image: none;
    background-color: #EF4836;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-flamingo {
    color: #EF4836;
}

.progress-bar.red-flamingo {
    background: #EF4836;
    color: #FFFFFF;
}

/***
Red Flamingo
***/
/* Button */
.red-soft.btn {
    color: #FFFFFF;
    background-color: #d05454;
}

    .red-soft.btn:hover, .red-soft.btn:focus, .red-soft.btn:active, .red-soft.btn.active {
        color: #FFFFFF;
        background-color: #c83838;
    }

.open .red-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c83838;
}

.red-soft.btn:active, .red-soft.btn.active {
    background-image: none;
    background-color: #b53232;
}

    .red-soft.btn:active:hover, .red-soft.btn.active:hover {
        background-color: #bd3434;
    }

.open .red-soft.btn.dropdown-toggle {
    background-image: none;
}

.red-soft.btn.disabled, .red-soft.btn.disabled:hover, .red-soft.btn.disabled:focus, .red-soft.btn.disabled:active, .red-soft.btn.disabled.active, .red-soft.btn[disabled], .red-soft.btn[disabled]:hover, .red-soft.btn[disabled]:focus, .red-soft.btn[disabled]:active, .red-soft.btn[disabled].active, fieldset[disabled] .red-soft.btn, fieldset[disabled] .red-soft.btn:hover, fieldset[disabled] .red-soft.btn:focus, fieldset[disabled] .red-soft.btn:active, fieldset[disabled] .red-soft.btn.active {
    background-color: #d05454;
}

.red-soft.btn .badge {
    color: #d05454;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-soft-stripe {
    border-left: 3px solid #d05454;
}

/* General Element */
.bg-red-soft {
    border-color: #d05454;
    background-image: none;
    background-color: #d05454;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-soft {
    color: #d05454;
}

.progress-bar.red-soft {
    background: #d05454;
    color: #FFFFFF;
}

/***
Red Haze
***/
/* Button */
.red-haze.btn {
    color: #FFFFFF;
    background-color: #f36a5a;
}

    .red-haze.btn:hover, .red-haze.btn:focus, .red-haze.btn:active, .red-haze.btn.active {
        color: #FFFFFF;
        background-color: #f14c39;
    }

.open .red-haze.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #f14c39;
}

.red-haze.btn:active, .red-haze.btn.active {
    background-image: none;
    background-color: #ef3621;
}

    .red-haze.btn:active:hover, .red-haze.btn.active:hover {
        background-color: #f03f2a;
    }

.open .red-haze.btn.dropdown-toggle {
    background-image: none;
}

.red-haze.btn.disabled, .red-haze.btn.disabled:hover, .red-haze.btn.disabled:focus, .red-haze.btn.disabled:active, .red-haze.btn.disabled.active, .red-haze.btn[disabled], .red-haze.btn[disabled]:hover, .red-haze.btn[disabled]:focus, .red-haze.btn[disabled]:active, .red-haze.btn[disabled].active, fieldset[disabled] .red-haze.btn, fieldset[disabled] .red-haze.btn:hover, fieldset[disabled] .red-haze.btn:focus, fieldset[disabled] .red-haze.btn:active, fieldset[disabled] .red-haze.btn.active {
    background-color: #f36a5a;
}

.red-haze.btn .badge {
    color: #f36a5a;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-haze-stripe {
    border-left: 3px solid #f36a5a;
}

/* General Element */
.bg-red-haze {
    border-color: #f36a5a;
    background-image: none;
    background-color: #f36a5a;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-haze {
    color: #f36a5a;
}

.progress-bar.red-haze {
    background: #f36a5a;
    color: #FFFFFF;
}

/***********
Yellow Colors
************/
/***
Yellow Default
***/
/* Button */
.yellow.btn {
    color: #FFFFFF;
    background-color: #c49f47;
}

    .yellow.btn:hover, .yellow.btn:focus, .yellow.btn:active, .yellow.btn.active {
        color: #FFFFFF;
        background-color: #af8c38;
    }

.open .yellow.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #af8c38;
}

.yellow.btn:active, .yellow.btn.active {
    background-image: none;
    background-color: #9c7c32;
}

    .yellow.btn:active:hover, .yellow.btn.active:hover {
        background-color: #a48334;
    }

.open .yellow.btn.dropdown-toggle {
    background-image: none;
}

.yellow.btn.disabled, .yellow.btn.disabled:hover, .yellow.btn.disabled:focus, .yellow.btn.disabled:active, .yellow.btn.disabled.active, .yellow.btn[disabled], .yellow.btn[disabled]:hover, .yellow.btn[disabled]:focus, .yellow.btn[disabled]:active, .yellow.btn[disabled].active, fieldset[disabled] .yellow.btn, fieldset[disabled] .yellow.btn:hover, fieldset[disabled] .yellow.btn:focus, fieldset[disabled] .yellow.btn:active, fieldset[disabled] .yellow.btn.active {
    background-color: #c49f47;
}

.yellow.btn .badge {
    color: #c49f47;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-stripe {
    border-left: 3px solid #c49f47;
}

/* General Element */
.bg-yellow {
    border-color: #c49f47;
    background-image: none;
    background-color: #c49f47;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow {
    color: #c49f47;
}

.progress-bar.yellow {
    background: #c49f47;
    color: #FFFFFF;
}

/***
Yellow Gold
***/
/* Button */
.yellow-gold.btn {
    color: #FFFFFF;
    background-color: #E87E04;
}

    .yellow-gold.btn:hover, .yellow-gold.btn:focus, .yellow-gold.btn:active, .yellow-gold.btn.active {
        color: #FFFFFF;
        background-color: #c56b03;
    }

.open .yellow-gold.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #c56b03;
}

.yellow-gold.btn:active, .yellow-gold.btn.active {
    background-image: none;
    background-color: #ac5d03;
}

    .yellow-gold.btn:active:hover, .yellow-gold.btn.active:hover {
        background-color: #b66303;
    }

.open .yellow-gold.btn.dropdown-toggle {
    background-image: none;
}

.yellow-gold.btn.disabled, .yellow-gold.btn.disabled:hover, .yellow-gold.btn.disabled:focus, .yellow-gold.btn.disabled:active, .yellow-gold.btn.disabled.active, .yellow-gold.btn[disabled], .yellow-gold.btn[disabled]:hover, .yellow-gold.btn[disabled]:focus, .yellow-gold.btn[disabled]:active, .yellow-gold.btn[disabled].active, fieldset[disabled] .yellow-gold.btn, fieldset[disabled] .yellow-gold.btn:hover, fieldset[disabled] .yellow-gold.btn:focus, fieldset[disabled] .yellow-gold.btn:active, fieldset[disabled] .yellow-gold.btn.active {
    background-color: #E87E04;
}

.yellow-gold.btn .badge {
    color: #E87E04;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-gold-stripe {
    border-left: 3px solid #E87E04;
}

/* General Element */
.bg-yellow-gold {
    border-color: #E87E04;
    background-image: none;
    background-color: #E87E04;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow-gold {
    color: #E87E04;
}

.progress-bar.yellow-gold {
    background: #E87E04;
    color: #FFFFFF;
}

/***
Yellow Casablanca
***/
/* Button */
.yellow-casablanca.btn {
    color: #FFFFFF;
    background-color: #f2784b;
}

    .yellow-casablanca.btn:hover, .yellow-casablanca.btn:focus, .yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
        color: #FFFFFF;
        background-color: #f05f2a;
    }

.open .yellow-casablanca.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #f05f2a;
}

.yellow-casablanca.btn:active, .yellow-casablanca.btn.active {
    background-image: none;
    background-color: #ee4d12;
}

    .yellow-casablanca.btn:active:hover, .yellow-casablanca.btn.active:hover {
        background-color: #ef541b;
    }

.open .yellow-casablanca.btn.dropdown-toggle {
    background-image: none;
}

.yellow-casablanca.btn.disabled, .yellow-casablanca.btn.disabled:hover, .yellow-casablanca.btn.disabled:focus, .yellow-casablanca.btn.disabled:active, .yellow-casablanca.btn.disabled.active, .yellow-casablanca.btn[disabled], .yellow-casablanca.btn[disabled]:hover, .yellow-casablanca.btn[disabled]:focus, .yellow-casablanca.btn[disabled]:active, .yellow-casablanca.btn[disabled].active, fieldset[disabled] .yellow-casablanca.btn, fieldset[disabled] .yellow-casablanca.btn:hover, fieldset[disabled] .yellow-casablanca.btn:focus, fieldset[disabled] .yellow-casablanca.btn:active, fieldset[disabled] .yellow-casablanca.btn.active {
    background-color: #f2784b;
}

.yellow-casablanca.btn .badge {
    color: #f2784b;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-casablanca-stripe {
    border-left: 3px solid #f2784b;
}

/* General Element */
.bg-yellow-casablanca {
    border-color: #f2784b;
    background-image: none;
    background-color: #f2784b;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow-casablanca {
    color: #f2784b;
}

.progress-bar.yellow-casablanca {
    background: #f2784b;
    color: #FFFFFF;
}

/***
Yellow Crusta
***/
/* Button */
.yellow-crusta.btn {
    color: #FFFFFF;
    background-color: #f3c200;
}

    .yellow-crusta.btn:hover, .yellow-crusta.btn:focus, .yellow-crusta.btn:active, .yellow-crusta.btn.active {
        color: #FFFFFF;
        background-color: #cfa500;
    }

.open .yellow-crusta.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #cfa500;
}

.yellow-crusta.btn:active, .yellow-crusta.btn.active {
    background-image: none;
    background-color: #b69100;
}

    .yellow-crusta.btn:active:hover, .yellow-crusta.btn.active:hover {
        background-color: #c09900;
    }

.open .yellow-crusta.btn.dropdown-toggle {
    background-image: none;
}

.yellow-crusta.btn.disabled, .yellow-crusta.btn.disabled:hover, .yellow-crusta.btn.disabled:focus, .yellow-crusta.btn.disabled:active, .yellow-crusta.btn.disabled.active, .yellow-crusta.btn[disabled], .yellow-crusta.btn[disabled]:hover, .yellow-crusta.btn[disabled]:focus, .yellow-crusta.btn[disabled]:active, .yellow-crusta.btn[disabled].active, fieldset[disabled] .yellow-crusta.btn, fieldset[disabled] .yellow-crusta.btn:hover, fieldset[disabled] .yellow-crusta.btn:focus, fieldset[disabled] .yellow-crusta.btn:active, fieldset[disabled] .yellow-crusta.btn.active {
    background-color: #f3c200;
}

.yellow-crusta.btn .badge {
    color: #f3c200;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-crusta-stripe {
    border-left: 3px solid #f3c200;
}

/* General Element */
.bg-yellow-crusta {
    border-color: #f3c200;
    background-image: none;
    background-color: #f3c200;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow-crusta {
    color: #f3c200;
}

.progress-bar.yellow-crusta {
    background: #f3c200;
    color: #FFFFFF;
}

/***
Yellow Lemon
***/
/* Button */
.yellow-lemon.btn {
    color: #FFFFFF;
    background-color: #F7CA18;
}

    .yellow-lemon.btn:hover, .yellow-lemon.btn:focus, .yellow-lemon.btn:active, .yellow-lemon.btn.active {
        color: #FFFFFF;
        background-color: #e3b708;
    }

.open .yellow-lemon.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #e3b708;
}

.yellow-lemon.btn:active, .yellow-lemon.btn.active {
    background-image: none;
    background-color: #cba307;
}

    .yellow-lemon.btn:active:hover, .yellow-lemon.btn.active:hover {
        background-color: #d5ab07;
    }

.open .yellow-lemon.btn.dropdown-toggle {
    background-image: none;
}

.yellow-lemon.btn.disabled, .yellow-lemon.btn.disabled:hover, .yellow-lemon.btn.disabled:focus, .yellow-lemon.btn.disabled:active, .yellow-lemon.btn.disabled.active, .yellow-lemon.btn[disabled], .yellow-lemon.btn[disabled]:hover, .yellow-lemon.btn[disabled]:focus, .yellow-lemon.btn[disabled]:active, .yellow-lemon.btn[disabled].active, fieldset[disabled] .yellow-lemon.btn, fieldset[disabled] .yellow-lemon.btn:hover, fieldset[disabled] .yellow-lemon.btn:focus, fieldset[disabled] .yellow-lemon.btn:active, fieldset[disabled] .yellow-lemon.btn.active {
    background-color: #F7CA18;
}

.yellow-lemon.btn .badge {
    color: #F7CA18;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-lemon-stripe {
    border-left: 3px solid #F7CA18;
}

/* General Element */
.bg-yellow-lemon {
    border-color: #F7CA18;
    background-image: none;
    background-color: #F7CA18;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow-lemon {
    color: #F7CA18;
}

.progress-bar.yellow-lemon {
    background: #F7CA18;
    color: #FFFFFF;
}

/***
Yellow Saffron
***/
/* Button */
.yellow-saffron.btn {
    color: #FFFFFF;
    background-color: #F4D03F;
}

    .yellow-saffron.btn:hover, .yellow-saffron.btn:focus, .yellow-saffron.btn:active, .yellow-saffron.btn.active {
        color: #FFFFFF;
        background-color: #f2c81d;
    }

.open .yellow-saffron.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #f2c81d;
}

.yellow-saffron.btn:active, .yellow-saffron.btn.active {
    background-image: none;
    background-color: #e8bd0d;
}

    .yellow-saffron.btn:active:hover, .yellow-saffron.btn.active:hover {
        background-color: #f1c40f;
    }

.open .yellow-saffron.btn.dropdown-toggle {
    background-image: none;
}

.yellow-saffron.btn.disabled, .yellow-saffron.btn.disabled:hover, .yellow-saffron.btn.disabled:focus, .yellow-saffron.btn.disabled:active, .yellow-saffron.btn.disabled.active, .yellow-saffron.btn[disabled], .yellow-saffron.btn[disabled]:hover, .yellow-saffron.btn[disabled]:focus, .yellow-saffron.btn[disabled]:active, .yellow-saffron.btn[disabled].active, fieldset[disabled] .yellow-saffron.btn, fieldset[disabled] .yellow-saffron.btn:hover, fieldset[disabled] .yellow-saffron.btn:focus, fieldset[disabled] .yellow-saffron.btn:active, fieldset[disabled] .yellow-saffron.btn.active {
    background-color: #F4D03F;
}

.yellow-saffron.btn .badge {
    color: #F4D03F;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.yellow-saffron-stripe {
    border-left: 3px solid #F4D03F;
}

/* General Element */
.bg-yellow-saffron {
    border-color: #F4D03F;
    background-image: none;
    background-color: #F4D03F;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-yellow-saffron {
    color: #F4D03F;
}

.progress-bar.yellow-saffron {
    background: #F4D03F;
    color: #FFFFFF;
}

/***********
Purple Colors
************/
/***
Purple Default
***/
/* Button */
.purple.btn {
    color: #FFFFFF;
    background-color: #8e5fa2;
}

    .purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {
        color: #FFFFFF;
        background-color: #7a518c;
    }

.open .purple.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #7a518c;
}

.purple.btn:active, .purple.btn.active {
    background-image: none;
    background-color: #6c487c;
}

    .purple.btn:active:hover, .purple.btn.active:hover {
        background-color: #724c82;
    }

.open .purple.btn.dropdown-toggle {
    background-image: none;
}

.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
    background-color: #8e5fa2;
}

.purple.btn .badge {
    color: #8e5fa2;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-stripe {
    border-left: 3px solid #8e5fa2;
}

/* General Element */
.bg-purple {
    border-color: #8e5fa2;
    background-image: none;
    background-color: #8e5fa2;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple {
    color: #8e5fa2;
}

.progress-bar.purple {
    background: #8e5fa2;
    color: #FFFFFF;
}

/***
Purple Plum
***/
/* Button */
.purple-plum.btn {
    color: #FFFFFF;
    background-color: #8775a7;
}

    .purple-plum.btn:hover, .purple-plum.btn:focus, .purple-plum.btn:active, .purple-plum.btn.active {
        color: #FFFFFF;
        background-color: #746198;
    }

.open .purple-plum.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #746198;
}

.purple-plum.btn:active, .purple-plum.btn.active {
    background-image: none;
    background-color: #685788;
}

    .purple-plum.btn:active:hover, .purple-plum.btn.active:hover {
        background-color: #6d5b8e;
    }

.open .purple-plum.btn.dropdown-toggle {
    background-image: none;
}

.purple-plum.btn.disabled, .purple-plum.btn.disabled:hover, .purple-plum.btn.disabled:focus, .purple-plum.btn.disabled:active, .purple-plum.btn.disabled.active, .purple-plum.btn[disabled], .purple-plum.btn[disabled]:hover, .purple-plum.btn[disabled]:focus, .purple-plum.btn[disabled]:active, .purple-plum.btn[disabled].active, fieldset[disabled] .purple-plum.btn, fieldset[disabled] .purple-plum.btn:hover, fieldset[disabled] .purple-plum.btn:focus, fieldset[disabled] .purple-plum.btn:active, fieldset[disabled] .purple-plum.btn.active {
    background-color: #8775a7;
}

.purple-plum.btn .badge {
    color: #8775a7;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-plum-stripe {
    border-left: 3px solid #8775a7;
}

/* General Element */
.bg-purple-plum {
    border-color: #8775a7;
    background-image: none;
    background-color: #8775a7;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-plum {
    color: #8775a7;
}

.progress-bar.purple-plum {
    background: #8775a7;
    color: #FFFFFF;
}

/***
Purple Medium
***/
/* Button */
.purple-medium.btn {
    color: #FFFFFF;
    background-color: #BF55EC;
}

    .purple-medium.btn:hover, .purple-medium.btn:focus, .purple-medium.btn:active, .purple-medium.btn.active {
        color: #FFFFFF;
        background-color: #b335e8;
    }

.open .purple-medium.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #b335e8;
}

.purple-medium.btn:active, .purple-medium.btn.active {
    background-image: none;
    background-color: #aa1ee6;
}

    .purple-medium.btn:active:hover, .purple-medium.btn.active:hover {
        background-color: #ae27e7;
    }

.open .purple-medium.btn.dropdown-toggle {
    background-image: none;
}

.purple-medium.btn.disabled, .purple-medium.btn.disabled:hover, .purple-medium.btn.disabled:focus, .purple-medium.btn.disabled:active, .purple-medium.btn.disabled.active, .purple-medium.btn[disabled], .purple-medium.btn[disabled]:hover, .purple-medium.btn[disabled]:focus, .purple-medium.btn[disabled]:active, .purple-medium.btn[disabled].active, fieldset[disabled] .purple-medium.btn, fieldset[disabled] .purple-medium.btn:hover, fieldset[disabled] .purple-medium.btn:focus, fieldset[disabled] .purple-medium.btn:active, fieldset[disabled] .purple-medium.btn.active {
    background-color: #BF55EC;
}

.purple-medium.btn .badge {
    color: #BF55EC;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-medium-stripe {
    border-left: 3px solid #BF55EC;
}

/* General Element */
.bg-purple-medium {
    border-color: #BF55EC;
    background-image: none;
    background-color: #BF55EC;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-medium {
    color: #BF55EC;
}

.progress-bar.purple-medium {
    background: #BF55EC;
    color: #FFFFFF;
}

/***
Purple Studio
***/
/* Button */
.purple-studio.btn {
    color: #FFFFFF;
    background-color: #8E44AD;
}

    .purple-studio.btn:hover, .purple-studio.btn:focus, .purple-studio.btn:active, .purple-studio.btn.active {
        color: #FFFFFF;
        background-color: #793a93;
    }

.open .purple-studio.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #793a93;
}

.purple-studio.btn:active, .purple-studio.btn.active {
    background-image: none;
    background-color: #6a3381;
}

    .purple-studio.btn:active:hover, .purple-studio.btn.active:hover {
        background-color: #703688;
    }

.open .purple-studio.btn.dropdown-toggle {
    background-image: none;
}

.purple-studio.btn.disabled, .purple-studio.btn.disabled:hover, .purple-studio.btn.disabled:focus, .purple-studio.btn.disabled:active, .purple-studio.btn.disabled.active, .purple-studio.btn[disabled], .purple-studio.btn[disabled]:hover, .purple-studio.btn[disabled]:focus, .purple-studio.btn[disabled]:active, .purple-studio.btn[disabled].active, fieldset[disabled] .purple-studio.btn, fieldset[disabled] .purple-studio.btn:hover, fieldset[disabled] .purple-studio.btn:focus, fieldset[disabled] .purple-studio.btn:active, fieldset[disabled] .purple-studio.btn.active {
    background-color: #8E44AD;
}

.purple-studio.btn .badge {
    color: #8E44AD;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-studio-stripe {
    border-left: 3px solid #8E44AD;
}

/* General Element */
.bg-purple-studio {
    border-color: #8E44AD;
    background-image: none;
    background-color: #8E44AD;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-studio {
    color: #8E44AD;
}

.progress-bar.purple-studio {
    background: #8E44AD;
    color: #FFFFFF;
}

/***
Purple Wisteria
***/
/* Button */
.purple-wisteria.btn {
    color: #FFFFFF;
    background-color: #9B59B6;
}

    .purple-wisteria.btn:hover, .purple-wisteria.btn:focus, .purple-wisteria.btn:active, .purple-wisteria.btn.active {
        color: #FFFFFF;
        background-color: #8948a3;
    }

.open .purple-wisteria.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #8948a3;
}

.purple-wisteria.btn:active, .purple-wisteria.btn.active {
    background-image: none;
    background-color: #7a4092;
}

    .purple-wisteria.btn:active:hover, .purple-wisteria.btn.active:hover {
        background-color: #804399;
    }

.open .purple-wisteria.btn.dropdown-toggle {
    background-image: none;
}

.purple-wisteria.btn.disabled, .purple-wisteria.btn.disabled:hover, .purple-wisteria.btn.disabled:focus, .purple-wisteria.btn.disabled:active, .purple-wisteria.btn.disabled.active, .purple-wisteria.btn[disabled], .purple-wisteria.btn[disabled]:hover, .purple-wisteria.btn[disabled]:focus, .purple-wisteria.btn[disabled]:active, .purple-wisteria.btn[disabled].active, fieldset[disabled] .purple-wisteria.btn, fieldset[disabled] .purple-wisteria.btn:hover, fieldset[disabled] .purple-wisteria.btn:focus, fieldset[disabled] .purple-wisteria.btn:active, fieldset[disabled] .purple-wisteria.btn.active {
    background-color: #9B59B6;
}

.purple-wisteria.btn .badge {
    color: #9B59B6;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-wisteria-stripe {
    border-left: 3px solid #9B59B6;
}

/* General Element */
.bg-purple-wisteria {
    border-color: #9B59B6;
    background-image: none;
    background-color: #9B59B6;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-wisteria {
    color: #9B59B6;
}

.progress-bar.purple-wisteria {
    background: #9B59B6;
    color: #FFFFFF;
}

/***
Purple Seance
***/
/* Button */
.purple-seance.btn {
    color: #FFFFFF;
    background-color: #9A12B3;
}

    .purple-seance.btn:hover, .purple-seance.btn:focus, .purple-seance.btn:active, .purple-seance.btn.active {
        color: #FFFFFF;
        background-color: #7e0f93;
    }

.open .purple-seance.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #7e0f93;
}

.purple-seance.btn:active, .purple-seance.btn.active {
    background-image: none;
    background-color: #6a0c7b;
}

    .purple-seance.btn:active:hover, .purple-seance.btn.active:hover {
        background-color: #720d85;
    }

.open .purple-seance.btn.dropdown-toggle {
    background-image: none;
}

.purple-seance.btn.disabled, .purple-seance.btn.disabled:hover, .purple-seance.btn.disabled:focus, .purple-seance.btn.disabled:active, .purple-seance.btn.disabled.active, .purple-seance.btn[disabled], .purple-seance.btn[disabled]:hover, .purple-seance.btn[disabled]:focus, .purple-seance.btn[disabled]:active, .purple-seance.btn[disabled].active, fieldset[disabled] .purple-seance.btn, fieldset[disabled] .purple-seance.btn:hover, fieldset[disabled] .purple-seance.btn:focus, fieldset[disabled] .purple-seance.btn:active, fieldset[disabled] .purple-seance.btn.active {
    background-color: #9A12B3;
}

.purple-seance.btn .badge {
    color: #9A12B3;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-seance-stripe {
    border-left: 3px solid #9A12B3;
}

/* General Element */
.bg-purple-seance {
    border-color: #9A12B3;
    background-image: none;
    background-color: #9A12B3;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-seance {
    color: #9A12B3;
}

.progress-bar.purple-seance {
    background: #9A12B3;
    color: #FFFFFF;
}

/***
Purple Intense
***/
/* Button */
.purple-intense.btn {
    color: #FFFFFF;
    background-color: #8775a7;
}

    .purple-intense.btn:hover, .purple-intense.btn:focus, .purple-intense.btn:active, .purple-intense.btn.active {
        color: #FFFFFF;
        background-color: #746198;
    }

.open .purple-intense.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #746198;
}

.purple-intense.btn:active, .purple-intense.btn.active {
    background-image: none;
    background-color: #685788;
}

    .purple-intense.btn:active:hover, .purple-intense.btn.active:hover {
        background-color: #6d5b8e;
    }

.open .purple-intense.btn.dropdown-toggle {
    background-image: none;
}

.purple-intense.btn.disabled, .purple-intense.btn.disabled:hover, .purple-intense.btn.disabled:focus, .purple-intense.btn.disabled:active, .purple-intense.btn.disabled.active, .purple-intense.btn[disabled], .purple-intense.btn[disabled]:hover, .purple-intense.btn[disabled]:focus, .purple-intense.btn[disabled]:active, .purple-intense.btn[disabled].active, fieldset[disabled] .purple-intense.btn, fieldset[disabled] .purple-intense.btn:hover, fieldset[disabled] .purple-intense.btn:focus, fieldset[disabled] .purple-intense.btn:active, fieldset[disabled] .purple-intense.btn.active {
    background-color: #8775a7;
}

.purple-intense.btn .badge {
    color: #8775a7;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-intense-stripe {
    border-left: 3px solid #8775a7;
}

/* General Element */
.bg-purple-intense {
    border-color: #8775a7;
    background-image: none;
    background-color: #8775a7;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-intense {
    color: #8775a7;
}

.progress-bar.purple-intense {
    background: #8775a7;
    color: #FFFFFF;
}

/***
Purple Sharp
***/
/* Button */
.purple-sharp.btn {
    color: #FFFFFF;
    background-color: #796799;
}

    .purple-sharp.btn:hover, .purple-sharp.btn:focus, .purple-sharp.btn:active, .purple-sharp.btn.active {
        color: #FFFFFF;
        background-color: #685884;
    }

.open .purple-sharp.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #685884;
}

.purple-sharp.btn:active, .purple-sharp.btn.active {
    background-image: none;
    background-color: #5c4e75;
}

    .purple-sharp.btn:active:hover, .purple-sharp.btn.active:hover {
        background-color: #61527b;
    }

.open .purple-sharp.btn.dropdown-toggle {
    background-image: none;
}

.purple-sharp.btn.disabled, .purple-sharp.btn.disabled:hover, .purple-sharp.btn.disabled:focus, .purple-sharp.btn.disabled:active, .purple-sharp.btn.disabled.active, .purple-sharp.btn[disabled], .purple-sharp.btn[disabled]:hover, .purple-sharp.btn[disabled]:focus, .purple-sharp.btn[disabled]:active, .purple-sharp.btn[disabled].active, fieldset[disabled] .purple-sharp.btn, fieldset[disabled] .purple-sharp.btn:hover, fieldset[disabled] .purple-sharp.btn:focus, fieldset[disabled] .purple-sharp.btn:active, fieldset[disabled] .purple-sharp.btn.active {
    background-color: #796799;
}

.purple-sharp.btn .badge {
    color: #796799;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-sharp-stripe {
    border-left: 3px solid #796799;
}

/* General Element */
.bg-purple-sharp {
    border-color: #796799;
    background-image: none;
    background-color: #796799;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-sharp {
    color: #796799;
}

.progress-bar.purple-sharp {
    background: #796799;
    color: #FFFFFF;
}

/***
Purple Soft
***/
/* Button */
.purple-soft.btn {
    color: #FFFFFF;
    background-color: #8877a9;
}

    .purple-soft.btn:hover, .purple-soft.btn:focus, .purple-soft.btn:active, .purple-soft.btn.active {
        color: #FFFFFF;
        background-color: #75629b;
    }

.open .purple-soft.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #75629b;
}

.purple-soft.btn:active, .purple-soft.btn.active {
    background-image: none;
    background-color: #69588b;
}

    .purple-soft.btn:active:hover, .purple-soft.btn.active:hover {
        background-color: #6e5c91;
    }

.open .purple-soft.btn.dropdown-toggle {
    background-image: none;
}

.purple-soft.btn.disabled, .purple-soft.btn.disabled:hover, .purple-soft.btn.disabled:focus, .purple-soft.btn.disabled:active, .purple-soft.btn.disabled.active, .purple-soft.btn[disabled], .purple-soft.btn[disabled]:hover, .purple-soft.btn[disabled]:focus, .purple-soft.btn[disabled]:active, .purple-soft.btn[disabled].active, fieldset[disabled] .purple-soft.btn, fieldset[disabled] .purple-soft.btn:hover, fieldset[disabled] .purple-soft.btn:focus, fieldset[disabled] .purple-soft.btn:active, fieldset[disabled] .purple-soft.btn.active {
    background-color: #8877a9;
}

.purple-soft.btn .badge {
    color: #8877a9;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.purple-soft-stripe {
    border-left: 3px solid #8877a9;
}

/* General Element */
.bg-purple-soft {
    border-color: #8877a9;
    background-image: none;
    background-color: #8877a9;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-purple-soft {
    color: #8877a9;
}

.progress-bar.purple-soft {
    background: #8877a9;
    color: #FFFFFF;
}

/***
Grey Dark
***/
/* Button */
.grey-darkgrey.btn {
    color: #FFFFFF;
    background-color: #656D78;
}

    .grey-darkgrey.btn:hover, .grey-darkgrey.btn:focus, .grey-darkgrey.btn:active, .grey-darkgrey.btn.active {
        color: #FFFFFF;
        background-color: #656D78;
    }

.open .grey-darkgrey.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #656D78;
}

.grey-darkgrey.btn:active, .grey-darkgrey.btn.active {
    background-image: none;
    background-color: #656D78;
}

    .grey-darkgrey.btn:active:hover, .grey-darkgrey.btn.active:hover {
        background-color: #656D78;
    }

.open .grey-darkgrey.btn.dropdown-toggle {
    background-image: none;
}

.grey-darkgrey.btn.disabled, .grey-darkgrey.btn.disabled:hover, .grey-darkgrey.btn.disabled:focus, .grey-darkgrey.btn.disabled:active, .grey-darkgrey.btn.disabled.active, .grey-darkgrey.btn[disabled], .grey-darkgrey.btn[disabled]:hover, .grey-darkgrey.btn[disabled]:focus, .grey-darkgrey.btn[disabled]:active, .grey-darkgrey.btn[disabled].active, fieldset[disabled] .grey-darkgrey.btn, fieldset[disabled] .grey-darkgrey.btn:hover, fieldset[disabled] .grey-darkgrey.btn:focus, fieldset[disabled] .grey-darkgrey.btn:active, fieldset[disabled] .grey-darkgrey.btn.active {
    background-color: #656D78;
}

.grey-darkgrey.btn .badge {
    color: #656D78;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.grey-darkgrey-stripe {
    border-left: 3px solid #656D78;
}

/* General Element */
.bg-grey-darkgrey {
    border-color: #656D78;
    background-image: none;
    background-color: #656D78;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-grey-darkgrey {
    color: #656D78;
}

.progress-bar.grey-darkgrey {
    background: #656D78;
    color: #FFFFFF;
}

/***
Aqua
***/
/* Button */
.blue-aqua.btn {
    color: #FFFFFF;
    background-color: #3BAFDA;
}

    .blue-aqua.btn:hover, .blue-aqua.btn:focus, .blue-aqua.btn:active, .blue-aqua.btn.active {
        color: #FFFFFF;
        background-color: #3BAFDA;
    }

.open .blue-aqua.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #3BAFDA;
}

.blue-aqua.btn:active, .blue-aqua.btn.active {
    background-image: none;
    background-color: #3BAFDA;
}

    .blue-aqua.btn:active:hover, .blue-aqua.btn.active:hover {
        background-color: #3BAFDA;
    }

.open .blue-aqua.btn.dropdown-toggle {
    background-image: none;
}

.blue-aqua.btn.disabled, .blue-aqua.btn.disabled:hover, .blue-aqua.btn.disabled:focus, .blue-aqua.btn.disabled:active, .blue-aqua.btn.disabled.active, .blue-aqua.btn[disabled], .blue-aqua.btn[disabled]:hover, .blue-aqua.btn[disabled]:focus, .blue-aqua.btn[disabled]:active, .blue-aqua.btn[disabled].active, fieldset[disabled] .blue-aqua.btn, fieldset[disabled] .blue-aqua.btn:hover, fieldset[disabled] .blue-aqua.btn:focus, fieldset[disabled] .blue-aqua.btn:active, fieldset[disabled] .blue-aqua.btn.active {
    background-color: #3BAFDA;
}

.blue-aqua.btn .badge {
    color: #3bafda;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.blue-aqua-stripe {
    border-left: 3px solid #3BAFDA;
}

/* General Element */
.bg-blue-aqua {
    border-color: #3BAFDA;
    background-image: none;
    background-color: #3BAFDA;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-blue-aqua {
    color: #3BAFDA;
}

.progress-bar.blue-aqua {
    background: #3BAFDA;
    color: #FFFFFF;
}

/***
Bittersweet
***/
/* Button */
.red-bittersweet.btn {
    color: #FFFFFF;
    background-color: #E9573F;
}

    .red-bittersweet.btn:hover, .red-bittersweet.btn:focus, .red-bittersweet.btn:active, .red-bittersweet.btn.active {
        color: #FFFFFF;
        background-color: #E9573F;
    }

.open .red-bittersweet.btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #E9573F;
}

.red-bittersweet.btn:active, .red-bittersweet.btn.active {
    background-image: none;
    background-color: #E9573F;
}

    .red-bittersweet.btn:active:hover, .red-bittersweet.btn.active:hover {
        background-color: #E9573F;
    }

.open .red-bittersweet.btn.dropdown-toggle {
    background-image: none;
}

.red-bittersweet.btn.disabled, .red-bittersweet.btn.disabled:hover, .red-bittersweet.btn.disabled:focus, .red-bittersweet.btn.disabled:active, .red-bittersweet.btn.disabled.active, .red-bittersweet.btn[disabled], .red-bittersweet.btn[disabled]:hover, .red-bittersweet.btn[disabled]:focus, .red-bittersweet.btn[disabled]:active, .red-bittersweet.btn[disabled].active, fieldset[disabled] .red-bittersweet.btn, fieldset[disabled] .red-bittersweet.btn:hover, fieldset[disabled] .red-bittersweet.btn:focus, fieldset[disabled] .red-bittersweet.btn:active, fieldset[disabled] .red-bittersweet.btn.active {
    background-color: #E9573F;
}

.red-bittersweet.btn .badge {
    color: #E9573F;
    background-color: #FFFFFF;
}

/* Button Strip */
.btn.red-bittersweet-stripe {
    border-left: 3px solid #E9573F;
}

/* General Element */
.bg-red-bittersweet {
    border-color: #E9573F;
    background-image: none;
    background-color: #E9573F;
    color: #FFFFFF;
}

/* General Text & Icon Font Colors */
.font-red-bittersweet {
    color: #E9573F;
}

.progress-bar.red-bittersweet {
    background: #E9573F;
    color: #FFFFFF;
}

/***
Transparent Button
***/
.btn-transparent.btn {
    background: transparent;
    color: #888;
}